<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>综合管理系统</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<link th:href="@{/static/bootstrap/css/bootstrap.min.css}" rel="stylesheet"/>
	<link th:href="@{/static/bootstrap/css/bootstrap-theme.min.css}" rel="stylesheet"/>
	<link th:href="@{/static/bootstrap/css/jquery.scrollbar.min.css}" rel="stylesheet"/>
	<link th:href="@{/static/font-awesome/css/font-awesome.min.css}" type="text/css" rel="stylesheet"/>
	<link th:href="@{/static/css/admin.css}" rel="stylesheet"/> 
	<link rel="shortcut icon" href="../resources/favicon.ico" th:href="@{/static/favicon.ico}"/>
</head>
<body>
<!-- 整体页面 -->
<div id="wrapper"> 
	<!--顶部 导航栏开始 -->
  	<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
		<div class="navbar-header" style="width:200px;display:inline-grid;text-align: center;">
			<span style="color:#5bc0de;font-size: xx-large;font-weight:600;font-family: -webkit-pictograph;">MGT</span>
			<span id="timer" style="color: #5bc0de;font-size: medium;">
				<script>
					setInterval("timer.innerHTML=new Date().toLocaleString()",1000);
				</script>
			</span>
		</div>
		<div class="container-fluid" style="background:#2f3748;">
           <ul class="nav navbar-nav navbar-right" style="margin-right:-15px;">
				<li class="dropdown">
	                <a href="javascript:void(0)" class="dropdown-toggle" data-hover="dropdown">
	                	<span class="navbar-brand headpic" style="margin-top:-15px;">
		               		<img th:src="(${currentUser.avatar.showPath} == '') ? @{/static/imgs/headpic.jpg} :  @{${currentUser.avatar.showPath}}" style="height:100%;" class="img-circle"/>&nbsp;
		               	</span>
	                    <span class="namefont" th:text="${currentUser.realname}">名字</span>
	                    <b class="caret"></b>
	                </a>
	                <ul class="dropdown-menu dropdown-admin" >
	                    <li><a href="#"><span class="glyphicon glyphicon-list-alt"></span>&nbsp;&nbsp;个人中心</a></li>
	                    <li><a href="#"><span class="glyphicon glyphicon-wrench"></span>&nbsp;&nbsp;修改密码</a></li>
	                    <li><a href="/logout"><span class="glyphicon glyphicon-log-out"></span>&nbsp;&nbsp;切换用户</a></li>
	                    <li><a href="#"><span class="glyphicon glyphicon-question-sign"></span>&nbsp;&nbsp;使用提示</a></li>
	                </ul>
            	</li>
            </ul>         
    	</div>    
	</nav>
  	<!--顶部   导航栏结束 --> 
  
  	<!--左侧   导航栏 开始 -->
	<div id="sidebar-nav" class="sidebar">
		<div class="sidebar-scroll">
			<nav>
			    <div class="admin">
					<div id="mini" style="border-bottom:1px solid rgba(255,255,255,.1)" class="btn-toggle-fullwidth btn-toggle-mx">
						<img th:src="@{/static/imgs/left.png}" style="margin-left:10px;height:40px;cursor:pointer;">
					</div>
					<ul>
						<li th:each="menu : ${menus}" class="admin-item" >
							<a th:href="@{${menu.url == ''} ? |#| : ${menu.url}}">
								<i class="secondmenuicon" th:class="${menu.icon}"></i>
								<span th:text="${menu.menuName}">一级菜单</span> 
					               <i class="my-icon admin-more"></i>
					           </a>
							<ul>
								<li th:each="cmenu : ${menu.children}">
									<a th:if="${#lists.isEmpty(cmenu.children)}" th:class="${cmenu.target == ''} ? |J_menuItem| : ${cmenu.target}"  th:href="@{${cmenu.url}}" style="margin-left: 30px;">
										<i class="secondmenuicon" th:class="${cmenu.icon}"></i>
										<span th:text="${cmenu.menuName}">二级菜单</span>
									</a>
									
									<a th:if="${not #lists.isEmpty(cmenu.children)}" href="#">[[${cmenu.menuName}]]<span></span></a>
									<ul th:if="${not #lists.isEmpty(cmenu.children)}" class="nav nav-third-level">
										<li th:each="emenu : ${cmenu.children}"><a th:class="${emenu.target == ''} ? |J_menuItem| : ${emenu.target}" th:text="${emenu.menuName}" th:href="@{${emenu.url}}">三级菜单</a></li>
									</ul>
								</li>
							</ul>
						</li>		
					</ul>
				</div>                
			</nav>
		</div>
	</div>
	<!--左侧   导航栏结束--> 
 
	<!-- 中间内容面板开始 -->  
	<div class="main">
		<div class="content-tabs">
		    <button class="roll-nav roll-left J_tabLeft"><i class="fa fa-backward fa-lg"></i>
		    </button>
		    <nav class="page-tabs J_menuTabs">
		        <div class="page-tabs-content">
		            <a href="javascript:;" class="active J_menuTab" data-id="index.html">首页</a>
		        </div>
		    </nav>
		    <button class="roll-nav roll-right J_tabRight"><i class="fa fa-forward fa-lg"></i>
		    </button>
		    <div class="btn-group roll-nav roll-right">
		        <button class="dropdown J_tabClose" data-toggle="dropdown">操作<span class="caret"></span>
		
		        </button>
		        <ul role="menu" class="dropdown-menu dropdown-menu-right">
		            <li class="J_tabShowActive"><a>定位当前选项卡</a>
		            </li>
		            <li class="divider"></li>
		            <li class="J_tabCloseAll"><a>关闭全部选项卡</a>
		            </li>
		            <li class="J_tabCloseOther"><a>关闭其他选项卡</a>
		            </li>
		        </ul>
		    </div>
		    <a href="#" id="refreshBtn" class="roll-nav roll-right J_tabExit"><i class="fa fa-refresh"></i>刷新</a>
		</div>
		<div class="J_mainContent" style="height:540px;" id="content-main">
		    <iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="/toIndex" frameborder="0"  seamless></iframe>
		</div>
	</div>
	<!--中间内容 面板结束 -->  
  
	<!--底部  页脚部分开始 -->
	<div class="container" th:replace="commons :: footer"></div>
	<!--底部 页脚部分结束 --> 
</div>
<!-- 相关JS -->
<script th:src="@{/static/js/jquery-2.1.1.min.js}" type="text/javascript"></script>
<script th:src="@{/static/bootstrap/js/bootstrap.js}" type="text/javascript"></script>
<script th:src="@{/static/bootstrap/js/bootstrap.dropdown.js}" type="text/javascript"></script>
<script th:src="@{/static/bootstrap/js/jquery.scrollbar.min.js}" type="text/javascript"></script>
<script th:src="@{/static/js/contabs.min.js}" type="text/javascript"></script>
<script th:src="@{/static/js/admin.js}" type="text/javascript"></script>
</body>
</html>